﻿*{
	margin: 0px;
	padding: 0px;
}
a{
	text-decoration: none;/*去掉A标签的下划线*/
}
body{ /*添加背景*/
	width: 990px;
	height: 655px;
	background:url(../img/you/nbs.PNG)no-repeat;
	background-size: cover;

}
.d1{
	width: 100%;
	height: 100%;
	position: fixed; /*固定定位*/
	top: 0px;
	left: 0px;
	background-color:rgba(0,0,0,0.3); /*添加背景设为0.3透明度*/
}
.d2{
	width: 400px;
	height: 450px;
	background-color: #FFF;
	position: absolute; /*绝对定位*/
	top: 50%;
	left: 50%;
	margin-top: -230px;
	margin-left: -200px;
	overflow: hidden; /*清除多余的元素*/
}
.a1{
	display:inline-block; /*将a标签转为块元素*/
	background:  url(../img/a/QQ截图20180519152611.png)no-repeat;
	height: 35px;
	width: 35px;
	background-size: cover;
	float: right; /*右浮动*/
	margin-right: -1px;
	margin-top: -1px;
	
}
.a1:hover{
	background:url(../img/a/QQ截图20180519150634.png)no-repeat;
	background-size: cover;
}
.d21{
	margin-left: 125px;
	margin-top: 15px;
	background: url(../img/a/QQ截图20180519153603.png)no-repeat;
	height: 50px;
	width: 150px;
	background-size:cover;
}
.d22{
	padding: 0px 43.5px;
	margin-top: 25px;
	
}
.d22 input{
    outline:none;/*去掉input框框聚焦时的阴影*/
	height: 50px;
	width: 261px;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid darkgrey;
	box-sizing: border-box;/*去除边框高度*/
	border-left: 0px; /*清除右边框*/
}
.d221{
	height: 48px;
	width: 50px;
	background: url(../img/a/icon1.jpg)no-repeat;
	background-size: cover;
	float: left;
	border: 1px solid darkgrey; /*边框颜色*/
	border-right: 0px; /*右边框清0*/
}
#kong{
	height: 25px;
	width: 100%;
}
.d222{
	height: 48px;
	width: 50px;
	background: url(../img/a/icon2.jpg)no-repeat;
	background-size: cover;
	float: left;
	border: 1px solid darkgrey; /*边框颜色*/
	border-right: 0px; /*右边框清0*/
}
#hover1:hover{
	box-shadow: 0px 0px 4px dodgerblue; /*鼠标移至框框时展现阴影*/
}
#hover2:hover{
	box-shadow: 0px 0px 4px dodgerblue; /*鼠标移至框框时展现阴影*/
}
#hover3{
	text-align: center;
	font-size: 20px;
	color: #FFF;
	vertical-align: middle;
	display: inline-block;/*将A标签转为块元素*/
	background-color: rgb(255,0,54);
	width: 100%;
	height: 43px;
	margin-top: 25px;
	line-height:43px ; /*把行距和高度设为一直，达成垂直居中的效果*/
	
}
#hover3:hover{
	background-color: rgb(255,85,115);
	border-radius: 8px; /*倒圆角*/
}
#p1{
	width: 100%;
	margin: 10px 0px;
	color: darkgrey;
}
#d23{
	box-sizing: border-box;/*固定宽高*/
	height: 80px;
	width: 100%;
	padding: 18px;
}
#p2{
	margin-top: 17px;
	margin-left: 180px;
	font-size: 10px;
}
#p2 a{
	color: darkgrey;
}
#p2 a:hover{
	font-weight: bold;
	color: #F00;
}
#d23 a{
	display: inline-block;/*把A标签转为块元素*/
}
#d232{
	height: 44px;
	width: 44px;
	background: url(../img/a/new_qita_weixin.png) no-repeat;
    float: left; /*左浮动*/
   margin: 0px 40px;
}
#d233{
	height: 44px;
	width: 44px;
	background: url(../img/a/new_qita_qq.png) no-repeat;
	float: left; /*左浮动*/
}
#d232:hover,#d233:hover{
	background-position: 100% 100%; /*鼠标移至其他登录方式的LOGO时，调整位置来改变其状态*/
}
input::-webkit-input-placeholder { /*更改input框placeholder属性样式*/
    font-size: 16px;
    text-indent: 1em;
    font-weight: 300;
} 

#d231{
	height: 48px;
	width: 48px;
	background: url(../img/a/QQ截图20180519183102.png) no-repeat;
	background-size: cover;
	float: left; /*左浮动*/
	margin-left: 31px;
}
.erweima{ /*二维码*/
	background: url(../img/a/QQ截图20180519195619.png) no-repeat;
	width: 360px;
	height: 260px;
	background-size: cover;
	position: absolute; /*设置绝对定位*/
	top: 55px;
	left: 20px;
	display: none;/*不显示*/
}
#d231:hover .erweima{
	display:block;
}